<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>房屋信息系统</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css" />
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/vue.js"></script>

    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="../css/index.css" />
</head>
<body>
<div>
    <div style="position:fixed;background: #fff;width: 600px;top: 0px;padding-top: 0px">
        <br>
        <ul class="nav nav-tabs">
            <li>
                <a href="1-thismonth.html">本月账单</a>
            </li>
            <li  class="active">
                <a href="2-history.html">历史数据</a>
            </li>

        </ul>
    </div>
<br>
    <div style="width: 500px;padding-left: 50px">
        <table class="table table-striped">
            <thead>
            <tr>
                <th>
                    时间
                </th>
                <th>
                    项目
                </th>
                <th>
                    当月抄表
                </th>
                <th>
                    消费量
                </th>
                <th>
                    金额
                </th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>
                    <label>201802</label>
                </td>
                <td>
                    <label>水费</label>
                </td>
                <td>
                    <label>234</label>
                </td>
                <td>
                    <label>329</label>
                </td>
                <td>
                    <label>70</label>元
                </td>

            </tr>
            <tr>
                <td>
                    <label>201803</label>
                </td>
                <td>
                    <label>水费</label>
                </td>
                <td>
                    <label>2344</label>
                </td>
                <td>
                    <label>3249</label>
                </td>
                <td>
                    <label>740</label>元
                </td>

            </tr>

            <tr>
                <td>
                    <label>201803</label>
                </td>
                <td>
                    <label>电费</label>
                </td>
                <td>
                    <label>678</label>
                </td>
                <td>
                    <label>34</label>
                </td>
                <td>
                    <label>71.5</label>元
                </td>

            </tr>
            <tr>
                <td>
                    <label>201803</label>
                </td>
                <td>
                    <label>燃气费</label>
                </td>
                <td>
                    <label>678</label>
                </td>
                <td>
                    <label>34</label>
                </td>
                <td>
                    <label>71.5</label>元
                </td>

            </tr>

            </tbody>
        </table>


    </div>





</body>
</html>